<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/7/12/012
  Time: 23:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/js/jquery-easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/js/jquery-easyui/themes/icon.css">
    <script type="text/javascript" src="/static/js/jquery-easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <style>
        ul,li{
            list-style:none;
        }
        li{
            float:left;
        }
        .top{
            background-color: red;
            height:45px;
            width:100%;
            text-align:center;
        }

        a{
            display:inline-block;
            height:30px;
            line-height:30px;
            padding: 0 5px 0 5px;
            color:#0266A3;
            margin-left:10px;
            cursor: pointer;
            /*background-color:blue;*/
            /*font:14px 微软雅黑;*/

        }
        a:hover{
            /*background-color: red;*/
        }
        .line1,.line2,.line3{
            width:80px;
            height:5px;
            background-color: green;
        }

    </style>



</head>
<body>
    <div class="top">
        <ul>
            <li>
                <a onclick="line1()">进货管理</a>
                <div class="line1" id="line1"></div>
            </li>
            <li>
                <a onclick="line2()">供应商管理</a>
                <div class="line2" ></div>
            </li>
            <li>
                <a onclick="line2()">仓库管理</a>
                <div class="line3"></div>
            </li>

        </ul>

    </div>
<div id="onChange"></div>

    <script type="text/javascript">
        function line1() {
            $.post("/stockincome",function (data) {
                $("#onChange").html(data);
            })
        }
        function line2() {
            $.post("/supplier",function (data) {
                $("#onChange").html(data);
            })
        }
        function line3() {
            $.post("/depot",function (data) {
                $("#onChange").html(data);
            })
        }

    </script>
</body>
</html>
